import React, {Component} from 'react';
import Markdown from 'react-markdown';
import {Anchor, Row, Col} from 'antd';

const {Link} = Anchor;


class JsPage extends Component {
    constructor(props) {
        super(props);
    }




    render() {

        return (
            <div>

                <Row>
                    <Col span={19}>
                        <h3 id="000"> markdown空格缩进 </h3>

                        <Markdown source={"1、一个空格大小的表示：& ensp;或&# 8194;，此时只要在相应需要缩进的段落前加上 4个 如上的标记即可，注意要带上分号。\n\n" +
                        "2、两个空格的大小表示：& emsp;或&# 8195;，同理，使用2个即可缩进2个汉字，推荐使用该方式。"}/>

                        <h3 id="001"> markdown插入表格 </h3>

                        <Markdown source={"           \n" +
                        "    | 一个普通标题 | 一个普通标题 | 一个普通标题 |\n" +
                        "    | ------ | ------ | ------ |\n" +
                        "    | 短文本 | 中等文本 | 稍微长一点的文本 |\n" +
                        "    | 稍微长一点的文本 | 短文本 | 中等文本 |"}/>



                    </Col>
                    <Col span={5}>
                        <Anchor showInkInFixed="true" style={{background:"#ebefe0"}}>
                            <Link href="#000" title="markdown空格缩进"/>
                            <Link href="#001" title="markdown插入表格"/>
                        </Anchor>
                    </Col>
                </Row>




            </div>
        );
    }
}

export default JsPage;